<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>申请消息</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit|ie-stand |ie-comp">
		<!-- 指定以最新的IE版本模式来显示网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 针对360浏览器的内核调用,强制调用极速模式 -->
		<meta name="renderer" content="webkit" />
		<link rel="stylesheet" href="../style/reset.css">
		<link rel="stylesheet" href="../style/wytiwen.css" />
		<script type="text/javascript" src="../js/jquery.min.js" ></script>
		<script type="text/javascript" src="../js/mmlogin.js" ></script>
	</head>
	<style>
		.sqinfoone{width: 40px;height: 76px;display: inline-block;float: left;line-height: 76px;}
		.xtright {width: 90px;float: right; height: 100%;}
		.checkxz{
			-webkit-appearance: none;
		    background: url(../image/fxk1.png) no-repeat left;
		    width: 40px;
		    height: 76px;
		    display: inline-block;
		    background-size: 20px;
		    vertical-align: middle;
		    cursor: pointer;
		}
		.yxtright {
		    width: 90px;
		    float: right;
		    height: 100%;
		}
		.allcheck{
			display: inline-block;
			float: left;
		}
		.alldel{
			margin-left: 20px;
			color: white;
			cursor: pointer;
			padding: 5px 10px;
			background: #ad4c4c;
			border-radius: 2px;
			font-size: 13px;
		}
		.alldel:hover{
			background: #991f1f;
		}
		.allcheck>label{
			cursor: pointer;
		}
		.allcheck>label>input{
			width: 30px;
			cursor: pointer;
		}
		.checkxz.checked{-webkit-appearance: none;background: url(../image/fxk2.png) no-repeat left;background-size: 20px;vertical-align: middle;cursor: pointer;}
	</style>
	<body>
		<!-- 公共顶部 S -->
	    <div class="row header-top">
	        <div class="container">
	            <div class="header-top-l fl">您好，欢迎来到房屋装修监理网!</div>
	            <div class="header-top-r fr">
	                <div class="htrdl"><a href="../mmlogin.html">登录</a></div>
	                <div class="htrdl"><a href="../register.html">注册</a></div>
	                <!-- 登陆后出现用户名 和 退出 -->
	                <!-- <div class="htrdl"><a>Andy233</a></div>
	                <div class="htrdl"><a href="">退出</a></div> -->
	                <span class="htrb"></span>
	                <div class="htr"><a href="../index-zxhd.html">最新活动</a></div>
	                <span class="htrb"></span>
	                <div class="htr"><a href="../index-gsjieshao.html">公司介绍</a></div>
	                <span class="htrb"></span>
	                <div class="htr"><a href="../index-ZXyuyue.html">免费预约</a></div>
	                <span class="htrb"></span>
	                <div class="htr mess"><a href="MyXTxiaoxi.html">消息<span>20</span></a></div>
	                <span class="htrb"></span>
	                <div class="htr"><a href="Myxiangmu.html">个人中心</a></div>
	                <span class="htrb"></span>
	            </div>
	        </div>
	    </div>
	    <div class="row header-logo">
	        <div class="container  header-conter">
	            <div class="hclogo fl">
	                <a href="index.html"><img src="../image/logo.png"></a>
	            </div>
	            <div class="hcsearch">
	                <div class="hcsearl fl">
	                    <select>
	                        <option>监理现场</option>
	                        <option>监理案例</option>
	                        <option>装修攻略</option>
	                        <option>维权视频</option>
	                    </select>
	                </div>
	                <div class="hcsearc fl">
	                    <input type="text">
	                </div>
	                <div class="hcsearr fr">
	                    搜索
	                </div>
	            </div>
	            <div class="hctex fr">
	                <img src="../image/tel.png" style="margin-right: 40px;">
	                <img src="../image/wx.png">
	            </div>
	        </div>
	    </div>
	    <div class="row header-bottom">
	        <div class="container">
	            <a class="hbmain fl" href="../index.html">首页</a>
	            <a class="hbnav fl" href="../index-jlfw.html">监理服务</a>
	            <a class="hbnav fl" href="../index-jlxc.html">监理现场</a>
	            <a class="hbnav fl" href="../index-jlal.html">监理案例</a>
	            <a class="hbnav fl" href="../index-zxgl.html">装修攻略</a>
	            <a class="hbnav fl" href="../index-wqsp.html">维权视频</a>
	            <a class="hbnav fl" href="../index-zxgs.html">装修公司</a>
	        </div>
	    </div>
	    <!--公共顶部 E -->
	
	    <!-- 首页banner S-->
	    <!-- 首页 -->
		<div class="row wyrowbg">
			<div class="container">
				<div class="mytw_left">
					<div class="per_til">个人中心</div>
					<div class="wdxm_box">
						我的项目
						<a href="Myxiangmu.html">我的项目</a>
						<a href="YKwodezhuye.html">我的主页</a>
						<a href="JLYrenwu.html">我的任务</a>
					</div>
					<div class="wdxm_box tiwen">
						我的问答
						<a href="MyYtiwen.html">我要提问</a>
						<a href="MyDtiwen.html">我的提问</a><span class="jiaobiao">99</span>
						<a href="MyDhuida.html">我的回答</a>
					</div>
					<div class="wdxm_box">
						我的关注
						<a href="MyDguanzhu.html">我的关注</a>
					</div>
					<div class="wdxm_box">
						消息通知
						<a href="MyXTxiaoxi.html">系统消息</a><span class="jiaobiao">99</span>
						<a href="MySQxiaoxi.html" class="active">申请消息</a><span class="jiaobiao">99</span>
						<a href="MySDpinglun.html">收到的评论</a><span style="margin-right: 103px;" class="jiaobiao">99</span>
						<a href="MySDzan.html">收到的赞</a><span class="jiaobiao">99</span>
					</div>
					<div class="wdxm_box">
						设置权限
						<a href="MySZquanxian.html">设置权限</a>
					</div>
					<div class="wdxm_box">
						邀请好友
						<a href="MyYQhaoyou.html">邀请好友</a>
					</div>
					<div class="wdxm_box" style="border-bottom: none;">
						我的个人资料
						<a href="MyGRziliao.html">个人资料</a>
						<a href="MyXGtouxiang.html">修改头像</a>
						<a href="MyXGmima.html">修改密码</a>
						<a href="MyXGshouji.html">修改手机</a>
					</div>
				</div>
				<!--右边box-->
				<div class="mytw_right">
					<div class="tiwen1">
						<p>申请消息</p>
						<div class="xtinfo">
							<div class="sqinfoone"><input class="checkxz" type="checkbox" /></div>
							<div class="xtleft">
								<p><span style="color: #9a3535;">lily233</span>通过了您的申请，您可以查看<span style="color: #9a3535;">杭州万家星城四室两厅装修质量全程监理记录 </span></p>
								<p class="twtime">2017-3-10  12:30</p>
							</div>
							<div class="xtright">
								<a href="../index-jlxc.html">查看</a>
							</div>
						</div>
						<div class="xtinfo">
							<div class="sqinfoone"><input class="checkxz" type="checkbox" /></div>
							<div class="xtleft">
								<p><span style="color: #9a3535;">西田真一 </span>向您申请申请查看<span style="color: #9a3535;">杭州朝晖五区三室两厅装修质量全程监理记录 </span></p>
								<p class="twtime">2017-3-10  12:30</p>
							</div>
							<div class="xtright">
								<a href="../index-jlxc.html">通过</a>
							</div>
						</div>
						<div class="xtinfo">
							<div class="sqinfoone"><input class="checkxz" type="checkbox" /></div>
							<div class="xtleft">
								<p><span style="color: #9a3535;">天空之城 </span>通过了您的申请，您可以查看<span style="color: #9a3535;">杭州万家星城四室两厅装修质量全程监理记录 </span></p>
								<p class="twtime">2017-3-10  12:30</p>
							</div>
							<div class="xtright">
								<a href="../index-jlxc.html">查看</a>
							</div>
						</div>
						<div class="xtinfo">
							<div class="sqinfoone"><input class="checkxz" type="checkbox" /></div>
							<div class="xtleft">
								<p><span style="color: #9a3535;">lily233</span>向您申请申请查看<span style="color: #9a3535;">杭州万家星城四室两厅装修质量全程监理记录 </span></p>
								<p class="twtime">2017-3-10  12:30</p>
							</div>
							<div class="xtright">
								<a href="../index-jlxc.html">通过</a>
							</div>
						</div>
						<div class="xtinfo">
							<div class="sqinfoone"><input class="checkxz" type="checkbox" /></div>
							<div class="xtleft">
								<p><span style="color: #9a3535;">西田真一 </span>通过了您的申请，您可以查看<span style="color: #9a3535;">杭州朝晖五区三室两厅装修质量全程监理记录 </span></p>
								<p class="twtime">2017-3-10  12:30</p>
							</div>
							<div class="xtright">
								<a href="../index-jlxc.html">查看</a>
							</div>
						</div>
						<div class="xtinfo">
							<div class="sqinfoone"><input class="checkxz" type="checkbox" /></div>
							<div class="xtleft">
								<p><span style="color: #9a3535;">天空之城 </span>向您申请申请查看<span style="color: #9a3535;">杭州万家星城四室两厅装修质量全程监理记录 </span></p>
								<p class="twtime">2017-3-10  12:30</p>
							</div>
							<div class="xtright">
								<a href="../index-jlxc.html">通过</a>
							</div>
						</div>
						<div class="xtinfo">
							<div class="sqinfoone"><input class="checkxz" type="checkbox" /></div>
							<div class="xtleft">
								<p><span style="color: #9a3535;">lily233</span>向您申请申请查看<span style="color: #9a3535;">杭州万家星城四室两厅装修质量全程监理记录 </span></p>
								<p class="twtime">2017-3-10  12:30</p>
							</div>
							<div class="yxtright">
								<a href="../index-jlxc.html">已通过</a>
							</div>
						</div>
						<div class="xtinfo">
							<div class="sqinfoone"><input class="checkxz" type="checkbox" /></div>
							<div class="xtleft">
								<p><span style="color: #9a3535;">西田真一 </span>向您申请申请查看<span style="color: #9a3535;">杭州朝晖五区三室两厅装修质量全程监理记录 </span></p>
								<p class="twtime">2017-3-10  12:30</p>
							</div>
							<div class="yxtright">
								<a href="../index-jlxc.html">已通过</a>
							</div>
						</div>
						<div class="xtinfo">
							<div class="sqinfoone"><input class="checkxz" type="checkbox" /></div>
							<div class="xtleft">
								<p><span style="color: #9a3535;">天空之城 </span>向您申请申请查看<span style="color: #9a3535;">杭州万家星城四室两厅装修质量全程监理记录 </span></p>
								<p class="twtime">2017-3-10  12:30</p>
							</div>
							<div class="yxtright">
								<a href="../index-jlxc.html">已通过</a>
							</div>
						</div>
						<div>
							<div class="allcheck">
								<input class="checkxz" type="radio" id="cho"/><label for="cho">全选</label>
								<span class="alldel">删除</span>
							</div>
							<!--<div style="float: right;display: inline-block;" class="fenye">分页放这里</div>-->
						</div>
					</div>
				</div>
			</div>
		</div>
		
    	<!--公共底部 S-->
	</body>
	<script>
		$(".sqinfoone").click(function(){
			$(this).children('input').toggleClass('checked');
		})
		$(".allcheck").click(function(){
			$(this).children('input').toggleClass("checked");
			if($(this).children('input').hasClass("checked")){
				$(".sqinfoone").children(".checkxz").addClass("checked");
			}
			else{
				$(".sqinfoone").children(".checkxz").removeClass("checked");
			}
		})
		$(".allcheck label").click(function(){
			$(".allcheck").children('input').toggleClass("checked");
			if($(".allcheck").children('input').hasClass("checked")){
				$(".sqinfoone").children(".checkxz").addClass("checked");
			}
			else{
				$(".sqinfoone").children(".checkxz").removeClass("checked");
			}
		})
	</script>
</html>
